<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘宝首页</title>
	<style>
		.nav{
			width:1200px;
			height:40px;
			background-color: orange;
		}
		ul{
			list-style: none;
		}
		li{
			line-height: 40px;
			margin:0;
			padding:0;
			padding-left:20px;
			display: inline-block;
		}
		a{
			display: inline-block;
			color:white;
			text-decoration: none;
		}
		a:hover{

			background-color: red;
		}

	</style>
</head>
<body>
<div class="nav">
	<ul>
		<li><a href="#">主题市场</a></li>
		<li><a href="#">天猫</a></li>
		<li><a href="#">聚划算</a></li>
		<li><a href="#">天猫超市 &nbsp;&nbsp;&nbsp;|</a></li>
		<li><a href="#">淘抢购</a></li>
		<li><a href="#">电器城</a></li>
		<li><a href="#">司法拍卖</a></li>
		<li><a href="#">中国制造</a></li>
		<li><a href="#">兴农扶贫 &nbsp;&nbsp;&nbsp;|</a></li>
		<li><a href="#">飞猪旅行</a></li>
		<li><a href="#">智能生活</a></li>
		<li><a href="#">苏宁易购</a></li>
	</ul>
</div>
</body>
</html>